﻿@charset "utf-8";
/* CSS Document */

.mainBody {
	/* 飘红设置 
	background:url(http://res.northnews.cn/t/site/10001/a9883e902818c51ecd220a566892fcb7/assets/img_2019/20191231.jpg) no-repeat 0 0;
	background-position:center 0px;
	background-size:100%;
	-ms-background-size:cover;
	-ms-behavior: url(/css/backgroundsize.min.htc);
	behavior: url(/css/backgroundsize.min.htc);
    */
}
	
.mainBox {
	 margin:0px auto;
	 /*width:100%;*/  
	 /*padding-top:0px;*/  
	 
	 /** 有背景
	 width:1380px;
	 padding-top:164px;
	 */
}

.piaohonglink {
	position:absolute;
	display:block;
	width:100%;
	left:0px;
	top:0px;
	opacity:0;
	filter:alpha(opacity=0);
	background:#ccc;
}

.mainItem {
	width:1380px;
	margin:20px auto 0px;
	background:#fff;
	padding:10px 0px 0px 0px;
	overflow:hidden;
	}
	
.mL_topline {
	width:1380px;
	background:#fff;
	text-align:center;
	padding:15px 0px 30px 0px;

	}
.mL_topline h1 {
	font-size:32px;
	cursor:pointer;
	}
.mL_tjian {
	width:1380px;
      margin:15px 0px 35px 0px;
	background:#fff;
	text-align:center;
	overflow:hidden;
	}
.mL_tjian .a1 {
        display:inline-block;
        padding:0px 10px;
	font-size:16px;
        text-align:center;
	cursor:pointer;
        max-width:435px;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
	}	
.mL_tjian .a1:before {
        content:'荐';
        width:22px;
	height:22px;
	background:#C80203;
	color:#fff;
	font-size:11px;
	padding:2px 4px;
	border-radius:50%;
}
.mL_tjian .a2 {
        display:inline-block;
        padding:0px 10px;
	font-size:16px;
        text-align:center;
	cursor:pointer;
        max-width:435px;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
	}	
.mL_tjian .a2:before {
        content:'荐';
        width:22px;
	height:22px;
	background:#000;
	color:#fff;
	font-size:11px;
	padding:2px 4px;
	border-radius:50%;
}
.mL_tjian a:hover:before { background:#C00000; }
.mL_huandeng{width:770px;height:450px;position:relative; margin:0 auto; padding:0px; background:url(/images/loading.gif) no-repeat center center #fff; float:left;}
.mL_huandeng .zhezhao {width:100%;height:40px; background:rgba(125,125,120,.5); position:absolute; bottom:0px; left:0px;z-index:1;}
.mL_huandeng img{border:0; width:770px;height:450px; }
.mL_huandeng .rslides{width:100%;position:relative;list-style:none;padding:0;}
.mL_huandeng .rslides p {display:inline-block;position:absolute; bottom:3px; left:0px; font-size:17px; color:white; width:560px;height:40px; line-height:40px;padding-left:10px; white-space: nowrap; z-index:2; }
.mL_huandeng .rslides_nav{ width:36px; height:36px; background-image:url(/images/banner_new.png); display:block; position:absolute;  text-indent:-10em; overflow:hidden; display:none;}
.mL_huandeng .prev{ background-position:0 0;left:5px; top:150px;}
.mL_huandeng .prev:hover{ background-position:0 -36px;}
.mL_huandeng .next{ background-position:-36px 0;right:5px; top:150px;}
.mL_huandeng .next:hover{ background-position:-36px -36px;}
.mL_huandeng .rslides_tabs{ position:absolute; right:0px; bottom:0px;clear:both;text-align:center; z-index:990;  width:90px;height:40px; line-height:40px;}
.mL_huandeng .rslides_tabs li{display:inline;float:none;_float:left;*float:left;margin-right:5px;}
.mL_huandeng .rslides_tabs a{ width:12px; height:12px; background:#fff;text-indent:-5em; overflow:hidden; display:block; float:left; margin-left:6px;border-radius:6px; margin-top:15px;}
.mL_huandeng .rslides_tabs .rslides_here a{ background:#CE000A; width:25px;}


.mL_hot {
	width:570px;
	height:450px;
	float:right;
	margin-left:25px;
      padding:0px 10px 0px 0px;
	}
.mL_hot h3 {
	font-size:21px;
	text-align:left;
      line-height:35px;
	text-align: justify;
	margin-bottom:15px;
	color:#333;
	}
.mL_hot div {
	font-size:15px;
	color:#666;
	padding-bottom:20px;
	line-height:28px;
	border-bottom:1px dotted #dedede;
	}
.mL_hot ul {
	overflow:hidden;
	margin-top:15px;
	}
.mL_hot li {
	width:100%;
	height:42px;
	line-height:42px;
	display:block;
	font-size:16px;
	}
.mL_hot li>a {
	width:470px;
	height:35px;
	line-height:35px;
	display:inline-block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	}
.mL_hot li>i {
	float:left;
	width:20px;
	height:22px;
	font-size:15px;
	padding-right:10px;
	background:url('/images/dot1.png') no-repeat 0px 8px;
	background-size:18px;
	}
.mL_hot li:hover>i{
	     background-position:0px -17px;
	}
.mL_hot li:hover>em{
	     color:#CD0000;
	}
.mL_hot li>em {
	display:inline-block;
	color:#333;
	float:right;
	font-size:15px;
	}

.mianList {
	width:1380px;
	}	
.listAll {
	width:100%;
	height:auto;
	float:left;
	}
.mainList_1 {
	width:1380px;
	}
.mainList_1  h3 {
	height:40px;
	line-height:40px;
	color:#333;
	border-bottom:1px solid #dedede;
	position:relative;
	}
.mainList_1  h3 em {
	float:right;
	font-size:12px;
	color:#333;
	font-weight:normal;
	}
.mainList_1  h3>span {
	position:absolute;
	top:0px;
	left:0;
	display:inline-block;
	width:auto;
	height:28px;
	z-index:100;
	padding-bottom:10px;
	font-size:19px;
	border-bottom:3px solid #CE000A;
	}
.mainList_1 .listLeft {
	width:800px;
	height:auto;
	float:left;
	}
.mainList_1 .listLeft h3 {
	margin-right:28px;
	}
.mainList_1 .listRight {
	width:580px;
	float:right;
	}
.mainList_1 .listRight h3 {
	margin-bottom:10px;
}
.mainList_1 .listAll {
	width:100%;
	height:auto;
	padding:25px 0px;
	}
.listAll a {
	width:auto;
	height:30px;
	line-height:30px;
	float:left;
	margin:0px 10px;
	display:inline-block;
    font-size:15px;
	}
.listLeft li {
	width:370px;
	height:360px;
	float:left;
	margin:20px 30px 0px 0px;
	display:inline-block;
       background:#f5f5f5;
	}
.listLeft li:hover img {
        border-bottom:1px solid #f00;
        }	
.listLeft>li:nth-child(3n+1) {
	margin-left:0px;
	}
.listLeft li img {
	width:370px;
	height:220px;
	object-fit:cover;
	object-position:top;
	}
.listLeft li h4 {
	font-size:16px;
	padding:15px 5px;
	height:36px;
	line-height:23px;
	margin:0;
	text-align:justify;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	
	margin-bottom:15px;
	}
.listLeft li p {
	font-size:14px;
	padding:0px 5px;
	line-height:22px;
	}
.listRight .lrimg li {
	float:left;
 	width:275px;
	height:220px;
        margin: 10px 30px 11px 0px;
	overflow:hidden;
	padding:0;
}
.listRight .lrimg li:nth-child(even) {
	margin-right:0px;
}
.listRight .lrimg li  img {
	width:100%;
	height:155px;
	object-fit:cover;
}
.listRight .lrimg li  p{
	height:45px;
	padding:10px 10px;
	line-height:22px;
	font-size:15px;
       background:#f5f5f5;
	overflow:hidden;
}
listRight .lrimg li  a {

}
.listRight .lrfont {
  	width:100%;
	height:auto;
	overflow:hidden;
}
.listRight .lrfont li {
	width:100%;
	height:34px;
	line-height:34px;
	margin:5px 0px 0px 0px;
	float:left;
	display:block;
	font-size:16px;
	
	
	
	}
.listRight .lrfont li a {
	width:480px;
        height:34px;
	line-height:34px;
        float:left;
	display:inline-block;
        overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.listRight .lrfont li span {
      display:inline-block;
       height:34px;
	line-height:34px;
	text-align:left;
	float:right;
	font-size:14px;
	
}
.listRight .maingg img {
	width:100%;
	height:220px;
	margin-top:15px;
	}	
/* side-bar */
.side-pannel{position:fixed;right:10px;z-index:999;}
.side-bar{border:1px solid #FCFCFC;border-bottom:none;bottom:150px;background:#f9f9f9;}
.side-bar a{display:block;cursor:pointer;width:70px;height:46px;border-bottom:1px solid #f1f1f1;position:relative;color:#676767;text-align:center;}
.side-bar a s{display:block;margin-left:auto;margin-right:auto}
.side-bar a span{line-height:35px;  font-size:12px; text-align:center;}
.side-bar a:hover  span{background:#474747; color:#fff;}
.side-bar a:hover{background:#474747; color:#fff; }
.side-bar a.ndgotop s{position:absolute;top:50%;left:17px}
.side-bar a.text{padding-top:25px}
.side-bar .qr {height:70px!important;}
.side-bar a.qr s{position:absolute;top:30%;left:18px;}
.side-bar a.qr i{width:277px;height:259px;position:absolute;left:-277px;top:50%;margin-top:-120px;display:none;background-position:0 0;}
.side-bar a.qr span { position:absolute;bottom:2px;left:0; margin-left:12px;}
.side-bar a.qr:hover i{display:block}
.side-bar a.qr i{background-image:url(/images/sprite2.png)}
.g-icon-top{height:20px;width:35px;margin-top:-10px;background-position:0 -33px}
.g-icon-survey1{height:23px;width:26px;margin-top:-11px;background-position:0 -53px}
.side-bar a.survey:hover s{height:23px;width:26px;margin-top:-11px;background-position:-26px -53px}
.g-icon-qq1{height:18px;width:36px;margin-top:-10px;background-position:-63px -76px}
.g-icon-weibo1{height:25px;width:27px;margin-top:-12px;background-position:-72px 0}
.g-icon-weibo2, .side-bar a.weibo:hover s{height:25px;width:27px;margin-top:-12px;background-position:-72px -25px}
.g-icon-qr1{height:33px;width:36px;margin-top:-16px;background-position:-36px 0}
.g-icon-qr2, .side-bar a.qr:hover s{height:33px;width:36px;margin-top:-16px;background-position:0 0}
.g-icon-qq1, .g-icon-qr1, .g-icon-qr2, .g-icon-survey1, .g-icon-survey2, .g-icon-top, .g-icon-weibo1, .g-icon-weibo2,.side-bar a.qr:hover s, .side-bar a.survey:hover s, .side-bar a.weibo:hover s{background-image:url(/images/sprite1.png)}


.bottom .fotLeft p:first-child { width:640px;  border-bottom:1px solid #555; box-shadow: 0 1px 0 rgba(255,255,255,0.2) inset,0 -1px 0 rgba(0,0,0,.2) inset;}
.bottom .fotLeft p .gabcode { margin-left:14px; background: url(/images/gonganbah.png) no-repeat center left;background-size: 18px 17px;padding-left: 22px;}
@media screen and (max-width:768px) {
	
	#side-bar {
		display:none;
	}
	
	.mainBody, .mainBox {
		width:100% !important;
		padding:0 !important;;
		margin:0 !important;;
	}
	.mainBody {
		min-width:100%!important;
		background-size:contain!important;
	}
      .piaohongdiv { width:100%!important; }
      .piaohongdiv>a { max-height:90px!important;}
	.mainBody {
		
	}
	.mainBox {
		margin-top:0px !important;
		padding:0px!important;
	}
	.piaohonglink {
		height:0px !important;
		display:none;
	}
	.mainItem {
                width:auto;
		padding:5px 10px;
		margin:0;
	}
        .mainItem img {
                width:100%;
                height:auto;
                min-height:50px;
        }
	.mL_topline {
		width:100%;
		padding:10px 0;
                margin-bottom:10px;
	}
	.mL_topline h1.sbcolor a {
		font-size:20px;
		text-align:justify;
		padding-bottom:5px;
		line-height:30px;
	}
	.mL_tjian {
		width:100%;
		padding:0;
                margin-bottom:10px;
        }
	.mL_tjian a {
		max-width:100%;
		min-width:100%;
                	border-bottom:0px dotted #ededf3;
		padding:10px 0px;
                	text-align:left!important;
		font-size:15px;
		line-height:36px;
        }
        .mL_tjian a:before {
                content:'推荐';
                width:20px;
		height:20px;
		background:#C00000;
		color:#fff;
		font-size:12px;
		padding:3px 5px;
		border-radius:3px;
        }
	.mL_huandeng, .mL_huandeng ul, .mL_huandeng li {
		width:100%;
		height:230px;
		padding:0;
		margin:0;
	}
	.mL_huandeng img {
		width:100%;
		height:100%;
		object-fit:cover;
	}
	.mL_huandeng .zhezhao {
		height:35px;
	}
	.mL_huandeng .rslides {
		width:100%;
	}
	.mL_huandeng .rslides p {
		width:73%;
		padding-left:4px;
		font-size:15px;
		height:35px;
		
		overflow:hidden;
		text-overflow:ellipsis; 
		white-space:nowrap;
	}
	.mL_huandeng .rslides_tabs {
		height:35px;
		line-height:35px;
		width:20%;
		right:0;
	}
	.mL_huandeng .rslides_tabs li {
		margin-right:3px;
	}
	.mL_huandeng .rslides_tabs a {
		width:10px;
		height:10px;
		margin-top:12px;
	}
	.mL_huandeng .rslides_tabs .rslides_here a {
		width:15px;
	}
	
	
	.mL_hot {
		width:100%;
		height:auto;
		padding:0;
		mamrgin:0;
	}
	.mL_hot h3 {
		font-size:16px;
		text-align:justify;
		padding:10px 0px;
		margin:0;
	}
	.mL_hot>div {
		width:100%;
		font-size:13px;
		line-height:22px;
		text-align:justify;
	}
	.mL_hot>div a{
		display:none;
	}
	.mL_hot ul {
		width:100%;
		padding:0;
		margin:0;

	}
	.mL_hot ul li {
		width:100%;
		height:35px;
		line-height:38px;
		display:block;
		border-bottom:1px dotted #dedede;
		
	}
	.mL_hot ul li>i {
		height:22px;
		margin-top:1px;
		margin-right:-5px;
	}
	.mL_hot ul li>em {
		height:35px;
		display:inline-block;
		text-align:right;
		font-size:14px;
	}
	.mL_hot ul li>a {
		max-width:78%;
		overflow:hidden;
		display:inline-block;
		text-overflow:ellipsis;
		white-space:nowrap;
	}
	.maingg {
		width:100%;
		height:auto;
	}
	
	.mainList_1 {
		width:100%;
		padding:0;
		margin:0;
	}
	.mainList_1 h3{
		width:100%;
		display:block;
		padding:0;
		margin:0;
		margin-top:-10px;
		overflow:hidden;
	}
	.mainList_1 h3>span {
		font-size:16px;
		line-height:40px;
	}
	.mainList_1 .listLeft {
		width:100%;
		height:auto;
		padding:0;
		margin:10px 2px;
		display: table;
	}
	.listLeft li {
		display: table-cell;
		width:45%;
		height:250px;
		display:block;
		padding:0;
		margin:10px 10px 10px 10px!important;
		float:left;
		overflow:hidden;
	}
       
	.listLeft li:nth-child(2n) {
		float:left;
                	margin-right:0px;
	}


	.listLeft li img {
		width:100%;
		height:120px;
		object-fit:cover;
		object-position:top;
	}
	.listLeft li h4 {
		height:36px;
		line-height:23px;
		margin:0;
		padding:10px 5px!important;
		font-size:15px;
		margin-bottom:15px;
	}
	.listLeft li p {
		display:block
		margin:0;
		padding:0px 5px!important;
		line-height:18px;
		overflow:hidden;
		
	}
	
	.mainList_1 .listRight {
		width:100%;
		height:auto;
		padding:0;
		margin:0;
		border-top:0px solid #dedede;
		overflow:hidden;
	}
	.listRight li {
		width:100%;
		line-height:24px;
		border-bottom:1px dotted #dedede;
	}
	.listRight li:last-child {
		border-bottom:none;
	}
	
	.mainList_1 .listRight.maingg {
		width:100%;
		height:auto;
	}
        .mainList_1 .listRight .lrimg {
		width:100%;
	}
        .mainList_1 .listRight .lrimg li {
		width:100%;
		height:auto!important;
	}
         .mainList_1 .listRight .lrimg li img {
		width:100%;
		height:200px!important;
		object-fit:cover;
		object-position:top;
	}
        .mainList_1 .listRight .lrfont {
		width:100%;
	}
        .mainList_1 .listRight .lrfont li {
		width:100%;
	}
        .mainList_1 .listRight .lrfont li  a {
		width:84%;
	}
        .mainList_1 .listRight .lrfont li  span {
		width:16%;
		text-align:right;
	}
	.mainList_1 .listRight div img {
		width:100%;
		height:auto;
		
		display:none;
	}
	.mainList_1 .listAll {
		width:100%;
		height:auto;
		padding:0;
		margin:5px 0px 0px 0px;
	}
	.mainList_1 .listAll a {
		width:auto;
		line-height:20px;
		margin:5px 1px;
		padding:2px 8px 0px 8px;
		display:inline-block;
		text-align: justify;
    		text-align-last: justify;
		font-size:14px;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
		
	}
	.yqlink {
		margin-top:10px;
	}
	.side-bar a span {
		font-size:11px;
	}
    
      .tlan img.maingg{ width:100%!important; }


    .bottom {width:100%; margin:0px; padding:0px; overflow:hidden; }
	.foot_ad {display:block; overflow:hidden;width:100%;}
	.fotRight { display:none; }
	.fotLeft { padding:0; margin:0 auto;  width:100%; overflow:hidden;}
	.fotLeft p  {display:none;}
	.fotLeft p.mshow {display:inline-block;font-size:13px;line-height:40px; width:100%; text-align:center; } 
	.fotLeft p.mshow .blink {display:none; }
	
}